<template>
    <div id="entry-record">
        <el-tabs type="card" v-model="activePane">
            <el-tab-pane label="风险条目变更" name="yh">
                <YhEntryRecord />
            </el-tab-pane>
            <el-tab-pane label="O32条目变更" name="o32">
                <O32EntryRecord />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import YhEntryRecord from './entry-record/yh-entry-record.vue';
import O32EntryRecord from './entry-record/o32-entry-record.vue';

@Component({ name: 'EntryRecord', components: { YhEntryRecord, O32EntryRecord } })
export default class EntryRecord extends Vue {
    activePane: string = 'yh';

    mounted() {}
}
</script>
<style lang="scss" scoped>
#entry-record {
    height: 100%;
    min-width: 1350px;
}

/deep/ .el-tabs {
    height: 100%;
    .el-tabs__header {
        min-width: auto;
        z-index: 111;
    }
    .el-tabs__content {
        height: calc(100% - 40px);
        .el-tab-pane {
            height: 100%;
        }
    }
}
</style>
